<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <div id="d1">这是div</div>
  <input type="text">
  <input type="button" value="按钮" onclick="f()">
  <script>
    function f() {
      /* 通过id获取div元素对象 */
      let d = document.getElementById("d1");
      /* 获取和修改元素的文本内容 */
      //console.log(d.innerText);
      //d.innerText = "内容被修改了!";
      /* 通过选择器获取页面中的元素对象 */
      let i = document.querySelector("input");
      /* 修改元素的value属性 */
      //i.value = "今天太热了!!!";
      d.innerText = i.value;
    }

  </script>
</body>
</html>